<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>贪吃蛇</title>
    <style type="text/css">
        body {
            text-align: center;
        }

        .game_box {
            width: 600px;
            height: 600px;
            font-size: 0;
            display: inline-block;
            margin-top: 20px;
            box-shadow: 0 0 8px 1px #00000080;;
        }

        .game_box > div {
            height: 10px;
            width: 10px;
            display: inline-block;
        }

        div[data-null] {
            background: red;
        }

        div[data-food] {
            /*background: green;*/
        }

        div[data-snake] {
            background: black;
        }
    </style>
</head>
<body>
<h2>贪吃蛇</h2>
<p>方向键控制方向，刷新页面进入新游戏，游戏结束回车键重新开始</p>
<p>项目地址<address>https://gitee.com/Kongdp/snake</address></p>
<div>蛇的长度<span id="score"></span></div>
<div class="game_box">
    <div data-null></div>
    <div data-null></div>
    <div data-null></div>
    <div data-null></div>
    <div data-null></div>
    <div data-null></div>
    <div data-food></div>
    <div data-null></div>
    <div data-snake></div>
</div>
<script src="js/main.js"></script>
</body>
</html>